<#assign ctx=request.contextPath/>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>用户信息</title>
		<link rel="stylesheet" href="${ctx}/css/bootstrap.css" />
		<link rel="stylesheet" href="${ctx}/css/common.css" />
		<link rel="stylesheet" href="${ctx}/css/user.css" />
		<script type="text/javascript" src="${ctx}/js/jquery-1.11.0.js" ></script>
		<script type="text/javascript" src="${ctx}/js/bootstrap.js" ></script>
		<script type="text/javascript" src="${ctx}/js/myjs.js"></script>
		<script type="text/javascript" src="${ctx}/js/cityInfo.js" ></script>
		<script type="text/javascript" src="${ctx}/js/My97DatePicker/WdatePicker.js"></script>

	</head>
	<body style="background:#f0f0f0;">
			<#include "common/top.html"/>
			<article class="center">
				<header class="content_top">
					<h3>个人信息首页</h3>
				</header>
				<div class="content clear">
					<div class="content_left">
						<dl>
							<dt>订单中心</dt>
							<dd>
								<ul>
									<li><a href="${ctx}/customer/order/toMyOrder">我的订单</a></li>
									<li><a href="#">团购订单</a></li>
									<li><a href="#">本地生活订单</a></li>
									<li><a href="#">取消订单</a></li>
								</ul>
							</dd>
						</dl>
						<dl>
							<dt>关注中心</dt>
							<dd>
								<ul>
									<li><a href="#">关注的商品</a></li>
									<li><a href="#">关注的店铺</a></li>
									<li><a href="#">关注的品牌</a></li>
									<li><a href="#">关注的活动</a></li>
								</ul>
							</dd>
						</dl>
						<dl>
							<dt>客服服务</dt>
							<dd>
								<ul>
									<li><a href="#">退换货服务</a></li>
									<li><a href="#">价格保护</a></li>
									<li><a href="evaluation_page.html">意见建议</a></li>
									<li><a href="#">购买咨询</a></li>
									<li><a href="#">售后服务</a></li>
								</ul>
							</dd>
						</dl>
						<dl>
							<dt>个人设置</dt>
							<dd>
								<ul>
									<li><a href="javascript:void(0)" class="on">个人资料</a></li>
									<li><a href="address.html" >收货地址</a></li>
									<li><a href="#">修改密码</a></li>
								</ul>
							</dd>
						</dl>
					</div>
					
					<#if user?? >
						<div class="content_right" >
						<div class="user_top">
							<div>
								<img src="${ctx}/file/upload/${user.userHeadImg!''}"/>
								 <a href="###"><span>编辑头像</span> </a>
							</div>
							<p class="sale">
								<label>安全账号:</label>
								<img src="${ctx}/images/user-2.png"/>
								<span>提升</span>
							</p>
							<p style="color: red;" >${tip!''}</p>
						</div>
						<div class="user_middle clear">
							<form action="###" method="post">
								<p class="log1">
									<label>昵称: 
									<input readonly="readonly" type="text" value="${user.user_id!''}" id=""/></label>
								</p>
								
								<p class="log2">
									<label>性别: 
									<input type="radio" name="sex"/>男&nbsp;&nbsp;&nbsp; 
									<input type="radio" name="sex" checked="checked"/>女
									</label>
								</p>
								<p class="log3">
									<label>
										${user.birthday?string("yyyy-MM-dd")}
									</label>
								</p>
								<p class="log4">
									<label>邮箱:${user.email!''}</label>
								</p>
								<p class="log5 clear"><label>
									地址：
									${user.address!''}
									</label>
								</p>

							</form>
							<div class="tip">
								<h6>安全小提示：</h6>
								<p>1.如果您的账号登录密码忘记，可以直接通过安保保问题和答案，重新设置密码。</p>
								<p>2.由于保安问题是您选定的3个问题和答案组成，为了防止遗忘，建议您一周验证一次。</p>
								<p>3.安保问题答案不要设置太简单，容易被人猜到。</p>
							</div>
						</div>
					</div>
					<#else>
					<form action="${ctx}/customer/addUser" method="post" enctype="multipart/form-data" >
						<div class="content_right" >
							<div class="user_top">
								<div>
									<input type="file" name="headImg" >
									 <a href="###"><span>编辑头像</span> </a>
								</div>
								<p class="sale">
									<label>安全账号:</label>
									<img src="${ctx}/images/user-2.png"/>
									<span>提升</span>
								</p>
							</div>
							<div class="user_middle clear">

									<p class="log1">
										<label>昵称: 
										<input name="user_id" type="text" id=""/></label>
									</p>
									<p class="log1">
										<label>密码： 
										<input name="pass_word" type="text" id=""/></label>
									</p>
									<p class="log2">
										<label>性别: 
										<input value="1" type="radio" name="sex"/>男&nbsp;&nbsp;&nbsp; 
										<input value="2" type="radio" name="sex" checked="checked"/>女
										</label>
									</p>
									<p class="log3">
										<label>
											<div class="row cl">
												<label class="form-label col-xs-4 col-sm-2">生日：</label>
												<div class="formControls col-xs-8 col-sm-9">
													<input type="text" class="input-text Wdate" value=""  name="birthday" onclick="WdatePicker()" >
												</div>
											</div>
										</label>
									</p>
									<p class="log4">
										<label>邮箱:</label><span><a href="#">立即验证</a></span>
									</p>
									<p class="log5 clear"><label>
											<div class="row cl">
												<label class="form-label col-xs-4 col-sm-2">地址：</label>
												<div class="formControls col-xs-8 col-sm-9">
													<input type="text" class="input-text" value=""  name="address">
												</div>
											</div>
										</label>
									</p>
									<p class="log6">
										<input type="submit" value="提交"/>
									</p>
								
								<div class="tip">
									<h6>安全小提示：</h6>
									<p>1.如果您的账号登录密码忘记，可以直接通过安保保问题和答案，重新设置密码。</p>
									<p>2.由于保安问题是您选定的3个问题和答案组成，为了防止遗忘，建议您一周验证一次。</p>
									<p>3.安保问题答案不要设置太简单，容易被人猜到。</p>
								</div>
							</div>
						</div>
						</form>
					</#if>
				</div>
			</article>
		<#include "common/bottom.html"/>
		<script type="text/javascript" src="${ctx}/js/menuDown.js" ></script>
    	</html>
